// 配置路由相关信息
import Vue from 'vue'
import Router from 'vue-router'

import Home from '../components/Home'
import About from '../components/About'

// 1.注入插件
Vue.use(Router);

// 2.定义路由
const routes = [
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/home',
    component: Home
  },
  {
    path: '/about',
    component: About
  }
];

// 3.创建router实例
const router = new Router({
  routes: routes,
  // 默认情况下，路径的改变使用的URL的hash，如果希望使用HTML5的history模式，需要进行如下配置
  mode: 'history',
  // 当<router-link>对应的路由匹配成功时，会自动给当前元素设置一个router-link-active的class，设置linkActiveClass: 'active'可以修改class的默认名称
  linkActiveClass: 'active'
});

// 4.导出router实例
export default router;
